<%-- 
    Document   : about_us.jsp
    Created on : Apr 11, 2012, 5:00:54 AM
    Author     : Mr. Hung
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" media="all" />
        <link href="style.css" rel="stylesheet" type="text/css" />
    </script>
    <title>About Us</title>
</head>
<body>
    <c:import url="/header.jsp"/>
    <c:import url="/leftbar.jsp"/>
    <div id="wrapper">

        <div id="content_wrapper"><span class="top"></span><span class="bottom"></span>
            <div id="content">

                <div class="about_box float_l">
                    <div class="about_text">
                        <h2>Information</h2>
                        <ul>
                            <li> Lớp ICT 2 K54.</li>
                            <li> Viện Công nghệ thông tin và truyền thông.</li>
                            <li> Đại học Bách Khoa Hà Nội.</li>
                            <li> Số 1 Đại Cồ Việt Street, Hai Bà Trưng, Hà Nội.</li>
                        </ul>
                    </div>

                </div>

                <div class="about_box float_r">

                    <div class="about_text">
                        <h2>Our members</h2>
                        <ul>
                            <li> Nguyễn Mạnh Hùng</li>
                            <li> Nguyễn Anh Dương</li>
                            <li> Lê Ngọc Luân</li>
                            <li> Mai Văn Phong</li>
                        </ul>
                    </div>

                </div>


                <div class="cleaner"></div>

                <h4>Send us a quick message</h4>
                <div>

                    <form method="post">
                        <table>
                            <tr>
                                <td>Name:</td>
                                <td><input type="text"/></td>
                            </tr>
                            <tr>
                                <td>Phone:</td>
                                <td><input type="text"/></td>
                            </tr>
                            <tr>
                                <td>Email:</td>
                                <td><input type="text"/></td>
                            </tr>
                            <tr>
                                <td>Message:</td>
                                <td><textarea id="textarea"></textarea></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td><input style="font-weight: bold;" type="submit" value=" Send " /></td>
                            </tr>
                        </table>

                    </form>

                </div>
            </div> <!-- end of content -->

            <div id="sidebar">
                    <div class ="profile_box">
                        <a href="personal.jsp">
                            <h2 align="center">${account.username}</h2>
                        </a>
                    <a id="avatar" href="personal.jsp" >
                        <img src="images/shin.jpg" height="250" width="250"> 
                    </a>
                </div>
                <div class="news_box">
                        <a href="friends.jsp"> <h2 align="center">Friend list (${sessionScope.account.numOfFriends})</h2></a>
                    <table>
                                <tr>
                            <td width="80">
                                <a href="">
                                    <img src="images/shin.jpg" height="70" width="70">
                                </a>
                                    </td>
                            <td valign="top">
                                <a href="">Friend Name</a>
                                    </td>
                        </tr>
                        <tr>
                            <td width="80">
                                <a href="">
                                    <img src="images/shin.jpg" height="70" width="70">
                                </a>
                                    </td>
                            <td valign="top">
                                <a href="">Friend Name</a>
                                    </td>
                                </tr>
                                <tr>
                            <td width="80">
                                <a href="">
                                    <img src="images/shin.jpg" height="70" width="70">
                                </a>
                                    </td>
                            <td valign="top">
                                <a href="">Friend Name</a>
                                    </td>
                                </tr>
                        <tr>
                            <td width="80">
                                <a href="">
                                    <img src="images/shin.jpg" height="70" width="70">
                                </a>
                            </td>
                            <td valign="top">
                                <a href="">Friend Name</a>
                            </td>
                        </tr>
                        <tr>
                            <td width="80">
                                <a href="">
                                    <img src="images/shin.jpg" height="70" width="70">
                                </a>
                            </td>
                            <td valign="top">
                                <a href="">Friend Name</a>
                            </td>
                        </tr>
                        </table>
                </div>
                <div class="cleaner"></div>  
            </div>

            <div class="cleaner"></div>
        </div> <!-- end of content_wrapper -->
    </div> <!-- end of wrapper -->
    <c:import url="/footer.jsp"/>
</body>
</html>
